<%--
  Created by IntelliJ IDEA.
  User: w
  Date: 2017/4/18
  Time: 20:33
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <link rel="apple-touch-icon" sizes="76x76" href="../assets/img/apple-icon.png">
    <link rel="icon" type="image/png" sizes="96x96" href="../assets/img/favicon.png">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>Paper Dashboard by Creative Tim</title>

    <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />

    <style type="text/css">
        .createGame{
            cursor: pointer;
            color: darkgreen;
            font-size: larger;
            padding: 10px;
        }
        .createGame:hover{
            background-color: darkorange;
            padding: 10px;
            color: #fff;
        }


    </style>

</head>
<body>
<jsp:include page="nav/customCss.jsp" flush="true"/><!--动态包含-->
<div class="wrapper">
    <jsp:include page="nav/left.jsp" flush="true"/><!--动态包含-->
    <jsp:include page="nav/copyrights.jsp" flush="true"/><!--动态包含-->
    <div class="main-panel">

        <jsp:include page="nav/top.jsp" flush="true"/><!--动态包含-->
        <script>
            $("#pageTitle").text("游戏管理");
            $("#gameinfo").parent().children().removeClass();
            $("#gameinfo").addClass("active"); //移除p元素的所有class
            $("#upgrade").addClass("active-pro"); //移除p元素的所有class
        </script>
        <div class="content">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <div class="x_panel">
                    <div class="x_title">
                        <h2><small>已存在游戏信息表</small></h2>
                        <ul class="nav navbar-right panel_toolbox">
                            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><a href="#">Settings 1</a>
                                    </li>
                                    <li><a href="#">Settings 2</a>
                                    </li>
                                </ul>
                            </li>
                            <li><a class="close-link"><i class="fa fa-close"></i></a>
                            </li>
                        </ul>
                        <div class="clearfix"></div>
                    </div>

                    <div style="text-align: center">
                        <i style="cursor:pointer;font-size: large;color: darkgreen" class="ti-plus"></i>
                        <a class="createGame" href="../gamebegin.jsp"><span >创建新游戏</span></a>
                        <div class="clearfix" style="height: 20px"></div>
                    </div>

                    <div class="x_content">
                        <p class="text-muted font-13 m-b-30">

                        </p>
                        <table id="datatable-checkbox" class="table table-striped table-bordered bulk_action">
                            <thead>
                            <tr>
                                <td></td>
                                <th>序号</th>
                                <th>游戏编号</th>
                                <th>创建时间</th>
                                <th>创建人</th>
                                <th>游戏状态</th>
                                <th>备注</th>
                                <th>操作</th>
                            </tr>
                            </thead>


                            <tbody>

                            <c:forEach items="${gameList}" var="node" varStatus="status">
                                <tr>
                                    <td></td>
                                    <td style="color: darkgreen;font-weight: bolder">${ status.index + 1}</td>
                                    <td><a href='../game/info?id=${node.id}'><c:out value="${node.number}"></c:out></a></td>
                                    <td><c:out value="${node.date}"></c:out></td>
                                    <td><c:out value="${node.userId}"></c:out></td>
                                    <td><c:out value="${node.state}"></c:out></td>
                                    <td><c:out value="${node.remark}"></c:out></td>
                                    <td>&nbsp;查看&nbsp;&nbsp;|&nbsp;&nbsp;修改&nbsp;&nbsp;|&nbsp;&nbsp;删除&nbsp;&nbsp;</td>
                                </tr>

                            </c:forEach>




                            </tbody>
                        </table>



                    </div>


                    <div class="clearfix"></div>



                </div>
            </div>
        </div>

        <jsp:include page="nav/foot.jsp" flush="true"/><!--动态包含-->

    </div>
</div>


</body>

<script>

    /*   $(document).ready(function() {

     $(".icons").css('display','none');
     });
     */

</script>

</html>

